.leftin {
    animation: lefts 2000ms forwards;
}

.rightin {
    animation: rights 2000ms forwards;
}

.smalltitle-left {
    display: inline-block;
    margin-right: 15px;
    width: 5px;
    height: 15px;
    background-color: #e45454;
}

@keyframes lefts {
    0% {
        opacity: 0;
        margin-left: -100px;
    }

    0.01% {
        opacity: 0;
        margin-left: -100px;
    }

    100% {
        opacity: 1;
        margin-left: 0px;
    }
}

@keyframes rights {
    0% {
        opacity: 0;
        margin-right: -100px;
    }

    0.01% {
        opacity: 0;
        margin-right: -100px;
    }

    100% {
        opacity: 1;
        margin-right: 0px;
    }
}